import React, { Component } from 'react';
import { WingBlank } from 'antd-mobile';
import './StatusItem.less'

export default class StatusItem extends Component {
    render() {
        return (
            <WingBlank className='status-item'>
                <div className='status-item-title'>
                    <div>交易状态</div>
                    {this.props.info.register === 1 ?
                        (<div style={{ color: '#EF8310' }}>未交易</div>) :
                        (<div style={{ color: '#108EEF' }}>已交易</div>)}
                </div>
                <div className='status-item-content'>
                    <div className='content-item'>
                        <span className='item-label'>用户姓名</span>
                        <span className='item-text'>{this.props.info.name}</span>
                    </div>
                    <div className='content-item'>
                        <span className='item-label'>手机号码</span>
                        <span className='item-text'>{this.props.info.phone}</span>
                    </div>
                    <div className='content-item'>
                        <span className='item-label'>注册状态</span>
                        <span className='item-text'>{this.props.info.sign}</span>
                    </div>
                    <div className='content-item'>
                        <span className='item-label'>申请时间</span>
                        <span className='item-text'>{this.props.info.time}</span>
                    </div>
                </div>
            </WingBlank>
        );
    }
}